<template>
  <div class="right_wrap animate__animated animate__backInRight">
    <DCard
      style="margin-bottom: 12px"
      title="优秀销售站点"
      width="510"
      height="315"
    >
      <ExcellentSiteChart></ExcellentSiteChart>
    </DCard>
    <DCard
      style="margin-bottom: 12px"
      title="优秀销售员"
      width="510"
      height="315"
    >
      <ExcellentPersonnelChart></ExcellentPersonnelChart>
    </DCard>
    <DCard
      style="margin-bottom: 12px"
      title="实时订单数据"
      width="510"
      height="315"
    ></DCard>
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import './index.scss';
export default defineComponent({
  name: 'Right',
});
</script>
<script setup>
import DCard from '@/view/largeDataScreen/components/DCard.vue';
import ExcellentPersonnelChart from './components/excellentPersonnelChart.vue';
import ExcellentSiteChart from './components/excellentSiteChart.vue';
</script>

<style lang="scss" scoped></style>
